﻿<%@ Page Language="C#" MasterPageFile="~/Template.master" AutoEventWireup="true" CodeFile="QuanLyLoaiSanPham.aspx.cs" Inherits="Employee_QuanLyLoaiSanPham" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link type="text/css" rel="stylesheet" href="../jquery-ui/pager/Pager.css" />
    <script type="text/javascript" src="../jquery-ui/pager/jquery.pager.js"></script>
    <link type="text/css" href="../jquery-ui/themes/base/ui.all.css" rel="Stylesheet" />
    <script type="text/javascript" src="../jquery-ui/ui/ui.core.js"></script>
    <script type="text/javascript" src="../jquery-ui/ui/ui.dialog.js"></script>
    <script src="../jquery-ui/xml.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        $(document).ready(function(){
            selectProductType(0);
            $("#txtkeysearch").keyup(function(){
               
                selectProductType(0);
            });
            $("#dialogupdate").dialog({
			    bgiframe: true,
			    autoOpen: false,
			    height: 100,
			    width:500,
			    modal: true
		    });
		    $("#dialogadd").dialog({
			    bgiframe: true,
			    autoOpen: false,
			    height: 100,
			    width:500,
			    modal: true
		    });
		    $("#them").click(function(){
		        openAdd();
		    });
        });
        function openAdd()
        {
            $("#dialogadd").dialog('option','buttons',
                {
                    "Không": function(){
                              $("#dialogadd").dialog('close');
                           },
                    "Thêm Mới":function(){
                        //xoa
                        var tenloaisanpham=$("#txtnewname").attr("value");
                        if(tenloaisanpham=="")
                        {
                            alert("Bạn phải điền tên loại sản phẩm");
                            return;
                        }
                        if(tenloaisanpham=="others" || tenloaisanpham == "Others" || tenloaisanpham=="other" || tenloaisanpham=="Other")
                        {
                            alert("Bạn không được dùng tên này!Vui lòng chọn tên khác");
                            return;
                        }
                        var url="../Controllers/xlInsertLoaiSanPham.aspx?time=" + (new Date()).getTime()+"&ten="+tenloaisanpham;
                        
                        jQuery.get(url,function(res){
                            if(res=="False")
                                 alert("Gặp lỗi trong quá trình xoá");
                            else
                            {
                                alert("Thêm vào thành công");
                                $("#txtnewname").attr("value","");
                                selectProductType(current);
                                $("#dialogadd").dialog('close');
                            }
                        });
                        
                        
                        
                    }
                });
                 $("#dialogadd").dialog('open');
        }
        var pageSize=10;
        var current=0;
        
        function selectProductType(page)
        {
            current=page;
            var end=page*pageSize+pageSize;
            var start=pageSize*page+1
            var url="../Controllers/xlSelectLoaiSanPham.aspx?time=" + (new Date()).getTime()+"&start="+start+"&end="+end;
            
            if($("#txtkeysearch").attr("value")!="")
            {
                url+="&key="+$("#txtkeysearch").attr("value");
            }
            
            jQuery.get(url,function(xml){
                
                
                viewResult(xml,page,selectProductType);
            });
        }
        function delloaiSp(frm)
        {
            var res=confirm("Việc xoá loại sản phẩm này sẽ ảnh hưởng tới một số sản phẩm khác. Bạn thật sự muốn xoá ?");
            if(res==false)
                return;
            var url="../Controllers/xlDeleteLoaiSanPham.aspx?time=" + (new Date()).getTime()+"&id="+frm.name;
            jQuery.get(url,function(res){
                if(res=="False")
                    alert("Xoá bị lỗi !");
                else
                {
                    alert("Xoá thành công");
                    selectProductType(0);
                }
            });
        }
        function drawTable(xml)
        {
           var item="<tr>";
           item+="<td>"+$(xml).find('id').text()+"</td>";
           item+="<td>"+$(xml).find('tenloai').text()+"</td>";
           if($(xml).find('tenloai').text()!="other")
                item+="<td><input type='button' id='btn"+$(xml).find('id').text()+"' name='"+$(xml).find('tenloai').text()+"' value='Cập Nhật' onclick='openUpdate(this)'/></td>";
           item+="<td><a href='DanhSachSanPhamTheoLoai.aspx?id="+$(xml).find('id').text()+"'><input type='button' id='list"+$(xml).find('id').text()+"' name='"+$(xml).find('id').text()+"' value='Sản Phẩm' /></a></td>";
           if($(xml).find('tenloai').text()!="other")
            item+="<td><img src='../images/cancel_48.png' id='del"+$(xml).find('id').text()+"' height='30px' width='30px' name='"+$(xml).find('id').text()+"' title='xoá "+$(xml).find('tenloai').text()+"' onclick='delloaiSp(this)' /></td>";
           item+="</tr>";
           return item;
        }
        function openUpdate(frm)
        {
           
           $("#txttenloai").attr("value",frm.name);
           $("#dialogupdate").dialog('option','buttons',
                {
                    "Không": function(){
                              $("#dialogupdate").dialog('close');
                           },
                    "Cập Nhật":function(){
                        //xoa
                        var id=frm.id.substr(3);
                        var tenloaisanpham= $("#txttenloai").attr("value");
                        if(tenloaisanpham=="others" || tenloaisanpham == "Others" || tenloaisanpham=="other" || tenloaisanpham=="Other")
                        {
                            alert("Bạn không được dùng tên này!Vui lòng chọn tên khác");
                            return;
                        }
                        var url="../Controllers/xlUpdateLoaiSanPham.aspx?time=" + (new Date()).getTime()+"&id="+id+"&ten="+tenloaisanpham;
                        
                        jQuery.get(url,function(res){
                            if(res=="False")
                                alert("Gặp lỗi trong quá trình cập nhật");
                            else
                            {
                                selectProductType(current);
                                $("#dialogupdate").dialog('close');
                            }
                        });
                        
                        
                        
                    }
                });
           $("#dialogupdate").dialog('open');
        }
        function viewResult (xml, currentPage,queryFunction)
        {
    		
			var xmlDoc = getXmlDomObject(xml);
			
    		var html = "<table width='100%'>";
    		html+="<tr align='center'><td colspan='12' class='table_header'><strong>Danh Sách Loại Sản Phẩm</strong></td></tr>";
    		var total = $(xmlDoc).find('total').text();
			 
    		var pageCount =  Math.round(total/pageSize+0.499);
    		
    		html+="<tr>";
    		html+="<td>Mã Loại Sản Phẩm</td>";
    		html+="<td>Tên Loại Sản Phẩm</td>";
    		
    		html+="</tr>";
			$(xmlDoc).find('loaisanpham').each(function(){
			    var item=drawTable(this);
			    html+=item;
			});
			html+="</table>";
			$("#dsloaisanpham").html(html);
	    } // End of function viewResult
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div id="searchsanpham">
        Nhập từ khoá tìm kiếm:<input type="text" id="txtkeysearch" />
        <div id='addloaisanpham'><input type="button" id="them" value="Thêm Loại Sản Phẩm Mới" onclick="openAdd();" /></div>
    </div><br /><br />
    <div id="dsloaisanpham">
    </div>
    <div id="dialogupdate" title="Cập nhật thông tin cho loại sản phẩm">
    <table >
        <tr>
            <td>
                Tên Loại Sản Phẩm:
            </td>
            <td> <input type="text" id="txttenloai" /></td>
        </tr>
        
    </table></div>
    <div id="dialogadd" title="Thêm Loại Sản Phẩm Mới">
    <table >
        <tr>
            <td>
                Tên Loại Sản Phẩm:
            </td>
            <td> <input type="text" id="txtnewname" /></td>
        </tr>
        
    </table></div>
    
</asp:Content>

